<!DOCTYPE html>
<html>
<head>
 <style>
 #customers {
 font-family: Arial, Helvetica, sans-serif;
 border-collapse: collapse;
 width: 100%;
 }
 #customers td,
 #customers th {
 border: 1px solid #ddd;
 padding: 8px;
 }
 #customers tr:nth-child(even) {
 background-color: #f2f2f2;
 }
 #customers tr:hover {
 background-color: #ddd;
 }
 #customers th {
 padding-top: 12px;
 padding-bottom: 12px;
 text-align: left;
 background-color: #4CAF50;
 color: white;
 }
</style>
</head>
<body>
 <table id="customers">
 <tr>
 <th>Company</th>
 <th>Contact</th>
 <th>Address</th>
 <th>City</th>
 </tr>
 <tr>
 <td>Alibaba</td>
 <td>Ma Yun</td>
 <td>No. 699, Wangshang Road, Binjiang District</td>
 <td>Hangzhou</td>
 </tr>
 <tr>
 <td>APPLE</td>
 <td>Tim Cook</td>
 <td>1 Infinite Loop Cupertino, CA 95014</td>
 <td>Cupertino</td>
 </tr>
 </table>
</body>
</html>
